
.pomodoro-timer {
  @apply flex flex-col gap-8 mx-auto;

  .timer-display {
    @apply text-center font-bold text-base-content text-8xl;
    line-height: 1;
    letter-spacing: 2px;
  }

  .timer-presets {
    @apply flex flex-wrap justify-center gap-4 w-full;

  }

  .timer-controls {
    @apply flex justify-center gap-4 w-full;
  }
}
